{% extends"@Fortend/layout.html.twig" %}

{% block title %}个人主页{% endblock %}

{% block content %}
    {% include '@Fortend/Public/header.html.twig' %}
    {% set user = data.user_info %}

    <div class="fly-home fly-panel" style="background-image: url();">
        <img src="{{ user.avatar == null ? 'https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg' : asset(user.avatar) }}" alt="{{ user.nickname }}">
        <i class="iconfont icon-renzheng"></i>
        <h1>
            {{ user.nickname }}
            <i class="iconfont {{ user.sex == '1' ? 'icon-nan' : 'icon-nv' }}"></i>
        </h1>

        <p class="fly-home-info">
            <i class="iconfont icon-shijian"></i><span>{{ user.created_at | slice(0, 10) }} 加入</span>
            <i class="iconfont icon-chengshi"></i><span>{{ user.position == null ? '火星' : '来自'+user.position }}</span>
        </p>

        <p class="fly-home-sign">{{ user.motto == null ? '' : '('+ user.motto +')' }}</p>
    </div>

    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12 fly-home-jie">
                <div class="fly-panel">
                    <h3 class="fly-panel-title">{{ user.nickname }} 最近发布的文章</h3>
                    <ul class="jie-row">
                        <li>
                            <span class="fly-jing">精</span>
                            <a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>
                            <i>刚刚</i>
                            <em class="layui-hide-xs">1136阅/27答</em>
                        </li>
                        <li>
                            <a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>
                            <i>1天前</i>
                            <em class="layui-hide-xs">1136阅/27答</em>
                        </li>
                        <li>
                            <a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>
                            <i>2017-10-30</i>
                            <em class="layui-hide-xs">1136阅/27答</em>
                        </li>
                        <li>
                            <a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>
                            <i>1天前</i>
                            <em class="layui-hide-xs">1136阅/27答</em>
                        </li>
                        <li>
                            <a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>
                            <i>1天前</i>
                            <em class="layui-hide-xs">1136阅/27答</em>
                        </li>
                        <li>
                            <a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>
                            <i>1天前</i>
                            <em class="layui-hide-xs">1136阅/27答</em>
                        </li>
                        <li>
                            <a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>
                            <i>1天前</i>
                            <em class="layui-hide-xs">1136阅/27答</em>
                        </li>
                        <!-- <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><i style="font-size:14px;">没有发表任何求解</i></div> -->
                    </ul>
                </div>
            </div>

            {#<div class="layui-col-md6 fly-home-da">#}
                {#<div class="fly-panel">#}
                    {#<h3 class="fly-panel-title">贤心 最近的回答</h3>#}
                    {#<ul class="home-jieda">#}
                        {#<li>#}
                            {#<p>#}
                                {#<span>1分钟前</span>#}
                                {#在<a href="" target="_blank">tips能同时渲染多个吗?</a>中回答：#}
                            {#</p>#}
                            {#<div class="home-dacontent">#}
                                {#尝试给layer.photos加上这个属性试试：#}
                                {#<pre>full: true</pre>#}
                                {#文档没有提及#}
                            {#</div>#}
                        {#</li>#}
                        {#<li>#}
                            {#<p>#}
                                {#<span>5分钟前</span>#}
                                {#在<a href="" target="_blank">在Fly社区用的是什么系统啊?</a>中回答：#}
                            {#</p>#}
                            {#<div class="home-dacontent">#}
                                {#Fly社区采用的是NodeJS。分享出来的只是前端模版#}
                            {#</div>#}
                        {#</li>#}

                        {#<!-- <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><span>没有回答任何问题</span></div> -->#}
                    {#</ul>#}
                {#</div>#}
            {#</div>#}
        </div>
    </div>
    {% include '@Fortend/Public/footer.html.twig' %}
{% endblock %}

{% block js %}
{% endblock %}